<template>
  <div class="tutorItem">
    <Row style="margin-bottom:50px">
      <Col span="24" class="bannerT">
        <div class="topHeader">
          <img src="../../assets/images/tutor/avatar.png" alt srcset>
          <Divider>唯乐钢琴</Divider>
          <p>刘冰</p>
        </div>
      </Col>
    </Row>
    <Row class="floorW">
      <Col :lg="24">
        <Card>
          <p class="fS21">
            &nbsp;&nbsp;钢琴硕士，毕业于俄罗斯国立师范大学音乐学院，师从俄罗斯功勋艺术家伊莲娜·艾列
            格夫娜。中国音乐家协会考级优秀辅导教师，各级比赛优秀辅导教师。具有丰富的教学经验，
            教学过程中严厉但不失风趣，所带学生多次获得比赛特等奖、一等奖，考级通过率100%。多
            名高考艺术生被推荐并顺利考入国内外知名艺术院校。
          </p>
          <Divider/>
          <p class="fS21">擅长科目:钢琴</p>
        </Card>
      </Col>
    </Row>
    <Row class="floorW" :gutter="16">
      <div class="title">优秀学员展示</div>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
      <Col :lg="6">
        <Card style="height:300px"></Card>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
.tutorItem {
  .bannerT {
    background: url("../../assets/images/tutor/bg1.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 110px 0;
    text-align: center;
    img {
      width: 250px;
      height: 250px;
    }
    .topHeader {
      width: 670px;
      margin: auto;
    }
  }
  .title{
    text-align: center;
    font-size: 37px;
    margin-bottom:20px; 
  }
  .ivu-col{
    margin-bottom:20px; 
  }
}
</style>